<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('公司列表')"/>
</head>
<body class="gray-bg">
<style>
    html, body, #main {
        width: 100%;
        padding: 0;
        margin: 0;
        height: 100%;
    }
</style>
<div id="main"></div>
<th:block th:include="include :: tree-radial-js"/>
<script>
    function getjson(data) {
        require([
            'echarts'
            // 'echarts/chart/tree',
            // 'echarts/component/tooltip'
        ], function (echarts) {

            chart = echarts.init(document.getElementById('main'), null, {
            });

            window.onresize = function () {
                chart.resize();
            };

            chart.setOption({

                tooltip: {
                    trigger: 'item',
                    triggerOn: 'mousemove'
                },

                series:[
                    {
                        type: 'tree',

                        data: [data],

                        top: '18%',
                        bottom: '14%',
                        roam: true,

                        layout: 'radial',

                        symbol: 'emptyCircle',

                        symbolSize: 7,

                        initialTreeDepth: 3,

                        animationDurationUpdate: 750

                    }
                ]
            });
        });
    };
</script>
<script src="/json/org.json?cb=getjson"></script>





</body>
</html>